<!DOCTYPE html>
<html lang="en" style="height: 100%">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="./recommend.css">
    <title>推荐</title>
</head>

<body style="height: 100%">
    <div id="box">
        <div class="small">
            <div class="weui-search-bar" id="search_bar">
                <form class="weui-search-bar__form" id="search_form">
                    <div class="weui-search-bar__box">
                        <i class="weui-icon-search"></i>
                        <input type="search" class="weui-search-bar__input" id="search_input" placeholder="搜索" />
                        <a href="javascript:" class="weui-icon-clear" id="search_clear"></a>
                    </div>
                    <label for="search_input" class="weui-search-bar__label" id="search_text">
                        <i class="weui-icon-search"></i>
                        <span>搜索</span>
                    </label>
                </form>
                <a href="javascript:" class="weui-search-bar__cancel-btn" id="search_cancel">取消</a>
            </div>
            <div class="button-sp-area">
                <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary" key='0' id="all">全部</a>
            </div>
            <div id="product">
                <ul id="left"></ul>
                <ul id="right"></ul>
            </div>
            <div id="model" style="display: none;">
                <li class="product">
                    <a href="">
                        <div class="img">
                            <img class="product_img" alt="">
                            <p class="product_name">
                                <span></span>
                            </p>
                            <p class="product_remark">
                                <span></span>
                            </p>
                        </div>
                    </a>
                </li>
            </div>
            
            <div class="weui-loadmore" style="display: none;" id="loading">
                <i class="weui-loading"></i>
                <span class="weui-loadmore__tips">正在加载</span>
            </div>
            <div class="weui-loadmore weui-loadmore_line" id="nodata" style="display: none;">
                <span class="weui-loadmore__tips">暂无数据</span>
            </div>
        </div>
        <div id="footer"></div>
    </div>
</body>
<script src="https://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
<script src="./recommend.js"></script>

</html>